<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/department.css">
</head>
<body style="text-align: center;margin: auto ;background-color: #f9f7f0;">
    <div class="box">
        <div class="box-cont">
            <div class="header">
                <div class="title">
                    <h1>部门管理</h1>
                </div>
                <div class="repear">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2" style="background: #E5C7AB; border: 0px;">
                        <span class="glyphicon glyphicon-plus">
                        </span> 增加部门
                    </button>
                </div>
                <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">添加部门</h4>
                        </div>
                            <div class="modal-body">
                                <div class="add-col">
                                    <form action="" method="">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <h5>基本信息</h5>
                                            </div>
                                        </div>
                                        <div class="row add-jiben">
                                            <div class="col-md-12">
                                                <div class="input-group">
                                                    <span class="input-group-addon">部门名称</span>
                                                    <input id="bmnr" name="obmnr" type="text" class="form-control" aria-describedby="basic-addon1" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row add-jiben " style="margin-top: 30px">
                                            <div class="col-md-7 col-sm-7 col-xs-7">
                                                <div class="input-group">
                                                    <span class="input-group-addon">职位名称</span>
                                                    <input  id="posname" type="text" class="form-control" aria-describedby="basic-addon1" >
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-xs-3 col-sm-3" style="margin: 0 auto">
                                                <div class="input-group Jurisdiction">
                                                    <span class="input-group-addon">权限</span>
                                                    <button  class="btn btn-default  dropdown-toggle oclass" type="button" id="addpow" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">普通<span class="caret"></span></button>
                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                        <li><a href="#">普通</a></li>
                                                        <li><a href="#">高级</a></li>
                                                        <li><a href="#">管理员</a> </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2 col-xs-2">
                                                <button class="btn btn-primary" type="button" id="addpos">添加</button>
                                            </div>
                                        </div>
                                        <div class="row" style="margin-top: 20px;padding:0 15px">
                                            <input id="posarea" type="text" class="form-control" aria-describedby="basic-addon1" >
                                        </div>
                                        <div class="row add-cont" style="margin-top: 20px">
                                            <div class="col-md-4"></div>
                                            <div class="col-md-4" style="text-align: center">
                                                <h5>部门简介</h5>
                                            </div>
                                        </div>
                                        <div class="row" style="height: 80px;">
                                            <div class="col-md-1"></div>
                                            <div class="col-md-10">
                                                <textarea  id="from_1" class="form-control" rows="2" name="textarea"></textarea>
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button  id="btn" type="button" class="btn btn-primary add-department"  data-dismiss="modal">添加</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    <table class="table table-bordered .table-striped box" id="odiv" border="1">
        <thead>
        <tr>
            <th style="text-align: center">部门名称</th>
            <th style="text-align: center">负责人</th>
            <th style="text-align: center">人数</th>
           <th style="text-align: center">联系方式</th>
            <th style="text-align: center">部门详情</th>
            <th style="text-align: center">管理</th>
        </tr>
        </thead>
        <tbody>
        <div class="modal fade"   id="oBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">修改部门</h4>
                    </div>
                    <div class="modal-body">
                        <div class="add-col">
                            <form action="" method="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h5>基本信息</h5>
                                    </div>
                                </div>
                                <div class="row add-jiben">
                                    <div class="col-md-12">
                                        <div class="input-group">
                                            <span class="input-group-addon">部门名称</span>
                                            <input name="obmnr" id="name" type="text" class="form-control" aria-describedby="basic-addon1" >
                                        </div>
                                    </div>
                                    <div class="row" style="height:60px;line-height: 60px">
                                        <div class="col-md-6 col-sm-6 col-xs-6" id="fezer">负责人</div>
                                        <div class="col-md-6 col-sm-6 col-xs-6" id="feztel">联系方式</div>
                                    </div>
                                </div>
                                <hr style="margin: 0">
                                <h5>修改职位</h5>
                                <div class="row add-jiben " style="margin-top: 30px;">
                                    <div class="col-md-12">
                                        <div class="input-group Jurisdiction" style="float: left;width: 100px">
                                            <span class="input-group-addon">职位</span>
                                            <button  class="btn btn-default  dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" id="chopos" aria-expanded="false">选择<span class="caret"></span></button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" id="posul">
                                            </ul>
                                        </div>

                                        <div class="input-group Jurisdiction" style="float: left;width: 100px;margin-left: 110px">
                                            <span class="input-group-addon">权限</span>
                                            <button  class="btn btn-default  dropdown-toggle oclass" id="pospor" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">普通<span class="caret"></span></button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                <li><a href="#">普通</a></li>
                                                <li><a href="#">高级</a></li>
                                                <li><a href="#">管理员</a> </li>
                                            </ul>
                                        </div>
                                        <button class="btn btn-primary" type="button" style="float: right" id="delpos">删除</button>
                                        <button class="btn btn-default" type="button" style="float: right;margin-right: 10px" id="cgpowr">修改</button>

                                    </div>
                                </div>
                                <hr>
                                <h5>添加职位</h5>
                                <div class="row add-jiben " style="margin-top: 30px">
                                    <div class="col-md-7 col-sm-7 col-xs-7">
                                        <div class="input-group">
                                            <span class="input-group-addon">职位名称</span>
                                            <input  id="posname2" type="text" class="form-control" aria-describedby="basic-addon1" >
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-3 col-sm-3" style="margin: 0 auto">
                                        <div class="input-group Jurisdiction">
                                            <span class="input-group-addon">权限</span>
                                            <button  class="btn btn-default  dropdown-toggle oclass" type="button" id="addpow2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">普通<span class="caret"></span></button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                <li><a href="#">普通</a></li>
                                                <li><a href="#">高级</a></li>
                                                <li><a href="#">管理员</a> </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-2">
                                        <button class="btn btn-primary" type="button" id="addpos2">添加</button>
                                    </div>
                                </div>
                                <div class="row add-cont" style="margin-top: 20px">
                                    <div class="col-md-4"></div>
                                    <div class="col-md-4" style="text-align: center">
                                        <h5>部门简介</h5>
                                    </div>
                                </div>
                                <div class="row" style="height: 80px;">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-10">
                                        <textarea id="describe" class="form-control" rows="2" name="textarea"></textarea>
                                    </div>
                                    <div class="col-md-1"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button  type="button" class="btn btn-primary add-department" id="reset"  data-dismiss="modal">修改</button>
                    </div>
                </div>
            </div>
        </div>
        </tbody>
    </table>
        </div>
    </div>
</body>
<script src="../js/department.js"></script>

</html>